.login-container {
  position: relative;
  flex: 1;
  padding: 0 40rpx;
  color: #fff;
  .login-icon {
    width: 48rpx;
    height: 48rpx;
  }
}

.container-bg-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.login-header {
  margin-top: 64rpx;
  margin-bottom: 145rpx;
  display: flex;
  flex-direction: column;
  align-items: center;

  .logo-icon {
    width: 120rpx;
    height: 120rpx;
    margin-bottom: 20rpx;
  }

  .app-title {
    font-size: 36rpx;
    font-weight: bold;
    color: #fff;
  }
}

.input-wrapper {
  display: flex;
  padding: 8px 13px;
  margin: 5px 0;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  background-color: #ffffff;
  border-radius: 16rpx;
  color: #333;
  .login-uni-input {
    flex: 1;
  }
  .input-pre-icon {
    margin-right: 24rpx;
  }
}

.input-placeholder-class {
  color: #c8c9cc;
  font-size: 26rpx;
}

.login-input {
  height: 100rpx;
  margin-bottom: 48rpx;
  &:last-child {
    margin-bottom: 0;
  }
}

.login-form {
  width: 100%;
}

.login-btn {
  width: 100%;
  height: 90rpx;
  line-height: 90rpx;
  background-color: #0a73a5;
  color: #ffffff;
  font-size: 28rpx;
  margin-top: 112rpx;
  margin-bottom: 48rpx;
  border-radius: 16rpx;
}

.login-btn:disabled {
  background-color: #c7d0f0;
  color: #ffffff;
}

.get-sms-btn {
  background-color: #0a73a5;
  width: 200rpx;
  font-size: 24rpx;
  color: #fff;
}